<ion-view>
  <ion-content >
    <!--轮播-->
    <ion-slide-box auto-play="true" does-continue="true" slide-interval=3000 show-pager="false">
      <ion-slide ng-repeat="img in imgs">
        <div class="box banner"><a href="#/tab/discover/banner-content"><img src={{img.src}} /></a> </div>
      </ion-slide>
    </ion-slide-box>
    <!--精选动态---数据库集合lists-->
    <section class="chats padding">
      <h5>精选动态</h5>
      <ul class="chats_ul">
        <li ng-repeat="list in list1">
          <a href="#/tab/discover/chat-detail/{{list.id}}">
            <figure>
              <div class="imgbox"><img src={{list.url}} alt="图片"/></div>
              <figcaption class="text_ellipsis">{{list.content}}</figcaption>
            </figure>
          </a>
          <p class="keep_icon">
            <i class="keep-icon-like"></i>
            <span>521</span>
            <i class="keep-icon-comment"></i>
            <span>125</span>
          </p>
        </li>
      </ul>
    </section>

  <!--精选话题-->
    <div class="div_scroll_box">
    <a href="#/tab/discover/topic-list"><h5>精选话题<i class="keep-icon-more"></i></h5></a>
    <ion-scroll direction="x" scrollbar-x="false" scrollbar-y="false" zooming="false" style="width: 100%;height: 1.79rem;">
      <div style="width: 10000px;height: 1.79rem;">
        <div class="div_scroll">
          <a href="#/tab/discover/topic-detail" class="a_scroll">
            <span class="act">活动</span>
            <article class="center y">
              <h4># KeepTV #</h4>
              <span><num>920</num>条动态</span>
              <p class="text_ellipsis">Keep 可以发本地视频啦！无论你是举铁党、跑步派、瑜伽达人，还是篮球、足球、滑雪、跑酷、街头健身的狂热爱好者等等，都可以在 Keep 用视频的方式记录你的运动日常了。
                发布视频动态并添加话题标签 #KeepTV# ，每晚 Keep君 会选出当天最酷的视频「上电视」，在 @Keep 官方账号直发或转发 #KeepTV# 动态。
                iOS 的 Keepers 升级到最新的 3.17 版、Android 的 Keepers 升级到 3.16 版以上，T4 以上的你即可上传本地视频。
                现在，用视频记录你的运动生涯吧~</p>
            </article>
          </a>
        </div>
        <div class="div_scroll" style="background-image: url(https://staticssl.keepcdn.com/2017/02/13/10/1486951289400_750x320.jpg?imageMogr2);">
          <span class="act">活动</span>
          <article class="center y">
            <h4># Keep #</h4>
            <span><num>920</num>条动态</span>
            <p class="text_ellipsis">Keep 可以发本地视频啦！无论你是举铁党、跑步派、瑜伽达人，还是篮球、足球、滑雪、跑酷、街头健身的狂热爱好者等等，都可以在 Keep 用视频的方式记录你的运动日常了。
              发布视频动态并添加话题标签 #KeepTV# ，每晚 Keep君 会选出当天最酷的视频「上电视」，在 @Keep 官方账号直发或转发 #KeepTV# 动态。
              iOS 的 Keepers 升级到最新的 3.17 版、Android 的 Keepers 升级到 3.16 版以上，T4 以上的你即可上传本地视频。
              现在，用视频记录你的运动生涯吧~</p>
          </article>
        </div>
        <div class="div_scroll">
          <span class="act">活动</span>
          <article class="center y">
            <h4># Keep #</h4>
            <span><num>920</num>条动态</span>
            <p class="text_ellipsis">Keep 可以发本地视频啦！无论你是举铁党、跑步派、瑜伽达人，还是篮球、足球、滑雪、跑酷、街头健身的狂热爱好者等等，都可以在 Keep 用视频的方式记录你的运动日常了。
              发布视频动态并添加话题标签 #KeepTV# ，每晚 Keep君 会选出当天最酷的视频「上电视」，在 @Keep 官方账号直发或转发 #KeepTV# 动态。
              iOS 的 Keepers 升级到最新的 3.17 版、Android 的 Keepers 升级到 3.16 版以上，T4 以上的你即可上传本地视频。
              现在，用视频记录你的运动生涯吧~</p>
          </article>
        </div>
        <div class="div_scroll">
          <span class="act">活动</span>
          <article class="center y">
            <h4># Keep #</h4>
            <span><num>920</num>条动态</span>
            <p class="text_ellipsis">Keep 可以发本地视频啦！无论你是举铁党、跑步派、瑜伽达人，还是篮球、足球、滑雪、跑酷、街头健身的狂热爱好者等等，都可以在 Keep 用视频的方式记录你的运动日常了。
              发布视频动态并添加话题标签 #KeepTV# ，每晚 Keep君 会选出当天最酷的视频「上电视」，在 @Keep 官方账号直发或转发 #KeepTV# 动态。
              iOS 的 Keepers 升级到最新的 3.17 版、Android 的 Keepers 升级到 3.16 版以上，T4 以上的你即可上传本地视频。
              现在，用视频记录你的运动生涯吧~</p>
          </article>
        </div>
        <div class="div_more">
          <div>
            <img src="" alt="查看更多"/>
            <p>查看更多</p>
          </div>
        </div>
      </div>
      <!--<img src="https://staticssl.keepcdn.com/2017/01/17/18/1484649054026_750x340.jpg?imageMogr2/format/webp" alt=""/>-->
    </ion-scroll>
    </div>
    <!--精选动态-->
    <section class="chats padding">
      <h5>精选动态</h5>
      <ul class="chats_ul">
        <li ng-repeat="list in list2">
          <a href="#/tab/discover/chat-detail/{{list.id}}">
            <figure>
              <div class="imgbox"><img src={{list.url}} alt="图片"/></div>
              <figcaption class="text_ellipsis">{{list.content}}</figcaption>
            </figure>
          </a>
          <p class="keep_icon">
            <i class="keep-icon-like"></i>
            <span>521</span>
            <i class="keep-icon-comment"></i>
            <span>125</span>
          </p>
        </li>
      </ul>
    </section>

    <!--精选合集-->
    <div class="div_scroll_box">
      <a href="#/tab/discover/keeper-list"><h5>精选合集<i class="keep-icon-more"></i></h5></a>
      <ion-scroll direction="x" scrollbar-x="false" scrollbar-y="false" zooming="false" style="width: 100%;height: 1.45rem;">
        <div style="width: 10000px;height: 1.45rem;">
        <a href="#/tab/discover/keepers-detail">
          <div class="div_scroll div_heji" style="background-image: url(https://staticssl.keepcdn.com/2017/01/10/15/1484033711591_750x340.jpg?imageMogr2/format/webp);">
            <article class="center">
              <p class="heji">中餐也是健康餐</p>
            </article>
          </div>
        </a>
        <a href="#/tab/discover/keepers-detail">
        <div class="div_scroll div_heji" style="background-image: url(https://staticssl.keepcdn.com/2017/01/10/15/1484033711591_750x340.jpg?imageMogr2/format/webp);">
          <article  class="center">
            <p class="heji">中餐也是健康餐</p>
          </article>
        </div>
        </a>
          <div class="div_more">
            <div>
              <img src="" alt="查看更多"/>
              <p>查看更多</p>
            </div>
          </div>
      </div>
    </ion-scroll>
    </div>
    <!--精选动态-->
    <div ui-view="dynamic">
      更多动态加载中...
    </div>

  </ion-content >
  </ion-view>
